* {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  color: #686868;
}
@font-face {
  font-family: "iconfont";
  src: url("../fonts/font/iconfont.eot?t=1600649598526"); /* IE9 */
  src: url("../fonts/font/iconfont.eot?t=1600649598526#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
      url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAU4AAsAAAAACmgAAATpAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqHOIYUATYCJAMYCw4ABCAFhG0HfBvuCMgekiSCFFVKIQIiBYQZB89/a6/3zZuZBUxSYHKsgFClUSWUQKose3o8+H5dINhf8LH787npC6kGr2kKE4WaWko/YulCaDsPm8PEFOZ2VDuJ6an5Zzh5z73KmcvHPPsWsCjdz9qL84KhcKgLqEBjbO4WbcVKXHCrRe0ueTYIr3w3BIjpxziweYXl9eCFBQcJIO06DQVehSC2QyKEHt9wpk3kErgTmtO8R8DF6OflP5PECwxOwb2W7i7ohexK3jQpN8TRrhzYlosD8nmgwBgAC3K0MbkfPGmOASc2f4Mb8wFSQgy2GlyNr5KrnKapHoKCFVkhJQcT/uMhOBTEwztTjrGw5aAa7BEwUI0lYKGaQUCgmk3AQXOPi1P3+gX36AXIKADZC+CP4aGCwZFjW0NSLC0l1tdXvCMnHDVOknrvsAc0rrKtdvg3NPnXWMn51a+wPHrU9OZh46v79a8fNEj2pEgm0uThG4asovXnYIq5tTsdu9dj1532PZTgxN1+weZ707Pjd/r6DbcP3zoX5LH2/HDh7ouhnusujGDFkK9pIuwXIvDNF5PEx8+H8zacI9L19j1+vJV7/fn1TcLVrkB8lZPYSnArHattq+wrxtudNpdjL7dHsYJz2Bqa9K+mbeyxTRZhpx6B7XjwJVFwex2uQMz28E3pA3vx5fv3gfje7T5m452pxcl7/XXT3Y0n9xD5GSemp3YHilfuhO42UiRFFMMrb2+17dDJaNe7d+q2x767H8EYY/EohKM8b3j1LKg1k7Zvn+TbeBJyPqitYMOWixWHPpmNqfi+V7/28TZcQi6WyttY7dVxWM+MGT2cDRMWsO3Z/QFkFH97asCou3w5IB+QLf717UbEkH6Pn0X7ySa/uYSyYUJ06Re7VeVr12gX/M9UHhXKzmI9sLMSAth1ompO2SXxRZA47ltp76JpRe3P8ozn5YuX7PH1ckrXSdZJnUrJbhmKQjK1Nxg1l6HWKaGQUsqJG70leiUha8AGI45k+h2v9vwY+er8/CY51SgPMb0C+KXQE36XjPEdNTWaOYNzNNzeCnNGfmW1zP2mk1X/kfo8Rwgh6/ROfZKJG50NsfCq9fZjofDzs6A59ma2cwylYAp4E0WeQr0+UxNATbU4BwC6jzcBoE5f66R/dC8aD/mSLnH6by/+d7vi44WQaVGxZmFaOsS8Dxd/ZMnmAnyHc0DI26YpzzUn2hMBPB2I4AX7iWkB/sNsK0+WcncdXAchLJhkMAT0BSVkCMUyxoAjYQp4QmZCzGiKzk9ogwFHbASMYjYDoeQgGHLug1Jyg2IZj8HRjc/gKQWHmNXie8WEYaIj8hhEsaiX7JlI6lS0We1GWCKerEUaq5Fi8pZI2YgYi65CxoybUO4UITNiljjG0q+JZVk1qWZoE1nI7oeMRprsY2g9UrEKLcv2pSrH7256IYWKNgHBXBgQFCyIXkh6mAiJDhU0ZtTBchai8v21IDRYMULBdMw0dRtBMFjQbZ4kBgXRAyhFTvOgmUfZ3kI/GmJhYVEL+6lhoDFBUsjFEUZq0pD0Ne+mB6GCRYF2Qr2PVJT8PPVQp2J7t+kqbwBicDUvRlSsOPESkB7UUUZK79fMLG0NzsXNGpPHnkgHtNakZtaptCjc1tuipa16nZai/QYkG8rbUIC+X6fptYPeOt7NpDNRAAAAAA==")
      format("woff2"),
    url("../fonts/font/iconfont.woff?t=1600649598526") format("woff"),
    url("../fonts/font/iconfont.ttf?t=1600649598526") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
      url("../fonts/font/iconfont.svg?t=1600649598526#iconfont") format("svg"); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  background: url(../images/load.jpg) no-repeat fixed;
  background-size: 100% 100%;
}
.load {
  position: absolute;
  /* display: none; */
  right: 226px;
  top: 140px;
  width: 250px;
  height: 360px;
  background-color: #f6f6f6;
}
.header {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #d1d1d1;
}
.header div {
  float: left;
  width: 50%;
  line-height: 40px;
  text-align: center;
}
.header a {
  font-weight: 700;
}
.header div:last-child a {
  color: #cbb067;
}
.header div:first-child::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background-color: #d1d1d1;
  top: 10px;
  left: 50%;
}
.account,
.password,
.ia,
.ib,
.ic,
.id {
  display: block;
  outline: none;
  width: 215px;
  height: 31px;
  margin-top: 30px;
  margin-left: 17px;
  border: 2px solid #d1d1d1;
  text-indent: 27px;
}
.one,
.two {
  position: relative;
}
.one::before {
  position: absolute;
  content: "\e623";
  font-family: "iconfont";
  left: 25px;
  top: 7px;
  color: #d1d1d1;
}
.two::after {
  position: absolute;
  content: "\e641";
  font-family: "iconfont";
  left: 25px;
  top: 7px;
  color: #d1d1d1;
}
.forget-password {
  margin-top: 10px;
}
.forget-password a {
  font-size: 12px;
  font-weight: 700;
}
.forget-password a:first-child {
  margin-left: 19px;
}
.forget-password a:last-child {
  margin-left: 90px;
}
.user-select {
  margin-top: 10px;
  font-size: 14px;
}
.user-select input {
  margin-left: 23px;
  vertical-align: middle;
}
.load-button a {
  display: block;
  width: 200px;
  height: 30px;
  margin: auto;
  margin-top: 15px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  background-color: #c9af63;
  box-shadow: 1px 1px 4px gray;
}
.wechat {
  width: 200px;
  height: 30px;
  margin: auto;
  margin-top: 10px;
  text-align: center;
}
.wechat img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.wechat span {
  display: inline-block;
  width: 80px;
  height: 1px;
  background-color: #e8e8e8;
}
.load-select {
  margin-top: 10px;
  text-align: center;
}
.load-select a {
  font-size: 12px;
}
.load-select span {
  display: inline-block;
  width: 1px;
  height: 9px;
  background-color: rgba(0, 0, 0, 0.3);
}
.load-select .more::after {
  content: "\e638";
  font-family: "iconfont";
}
/* 注册框 */
.register {
  position: absolute;
  display: none;
  right: 226px;
  top: 140px;
  width: 250px;
  height: 400px;
  background-color: #f6f6f6;
}
.rheader {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #d1d1d1;
}
.rheader span:first-child {
  font-size: 14px;
  font-weight: 700;
  margin-left: 23px;
}
.rheader span:nth-child(2) {
  font-size: 12px;
  margin-left: 50px;
}
.rheader a {
  font-size: 12px;
  color: #cbb067;
}
.a,
.b,
.c,
.d {
  position: relative;
}
.ia,
.ib,
.ic,
.id {
  display: block;
  outline: none;
  width: 215px;
  height: 31px;
  margin-top: 20px;
  margin-left: 17px;
  border: 2px solid #d1d1d1;
  text-indent: 20px;
  font-size: 10px;
}
.ib {
  width: 120px;
}
.b {
  display: inline-block;
  width: 150px;
}
.verification a {
  display: inline-block;
  width: 85px;
  height: 33px;
  font-size: 10px;
  text-align: center;
  line-height: 33px;
  background-color: #c4c4c4;
}
.a::before {
  position: absolute;
  font-family: "iconfont";
  content: "\e76d";
  left: 23px;
  top: 11px;
  font-size: 14px;
}
.b::before {
  position: absolute;
  font-family: "iconfont";
  content: "\e62d";
  left: 20px;
  top: 27px;
  font-size: 19px;
}
.c::before,
.d::before {
  position: absolute;
  font-family: "iconfont";
  content: "\e641";
  left: 23px;
  top: 11px;
  font-size: 13px;
}
.ruser-select {
  margin-top: 12px;
}
.ruser-select input {
  display: inline-block;
  margin-left: 50px;
  vertical-align: middle;
}
.ruser-select label {
  font-size: 12px;
}
.protocal input {
  margin-left: 20px;
  vertical-align: middle;
}
.protocal span {
  font-size: 12px;
}
.protocal span a {
  color: #3498db;
}
.register-button a {
  display: block;
  width: 200px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin: auto;
  margin-top: 15px;
  color: #fff;
  background-color: #c9af63;
  box-shadow: 1px 1px 4px gray;
}
